<ion-content class="no-padding">
    <header>
        <h3>新建出库单</h3>
        <button class="cancel" (click)="toShowAlert()">取消</button>
    </header>
    <div class="managment-content ccc">
        <div class="con">
            <div class="product-info">
                <div class="img"></div>
            </div>
            <div class="jxs" (click)="presentActionSheet()">
                <div>选择产品：</div>
                <div class="info">
                    <span>{{product}}</span>
                    <i class="icon-right"></i>
                </div>
            </div>
        </div>
        <div class="btns">
            <button ion-button class="btn btn1">保存</button>
            <button ion-button class="btn btn2">开始扫描</button>
        </div>
    </div>

    <div class="component-alert" *ngIf="!showAlert">
        <div id="myBox" class="myBox spac-box">
            <div class="tips">
                <div>确认返回吗？</div>
                <div>当前扫码进度将会保留</div>
            </div>
            <div class="btns">
                <button ion-button class="btn btn-cancel" (click)="btnCancel()">取消</button>
                <button ion-button class="btn btn-choose" (click)="btnChoose()">确认</button>
            </div>
        </div>
    </div>
</ion-content>
